<template>
  <div class="bk-loading">
    <icon size="24" color="rgb(25, 137, 250)" />
    <p class="desc">{{title}}</p>
  </div>
</template>

<script>
import icon from './icon'

export default {
  props: {
    title: {
      type: String,
      default: '正在载入...'
    }
  },
  components: { icon }
}
</script>

<style scoped lang="less">
  @import "~common/style/variable.less";

  .bk-loading {
    padding: 16px 0;
    width: 100%;
    text-align: center;
    .desc {
      line-height: 20px;
      color: @color-text-l;
    }
  }
</style>
